<script setup>
import Position from '@/components/Position.vue'
import FooterBorder from '@/components/FooterBorder.vue'
</script>

<template>
    <div class="content">
        <div class="top-image"></div>
        <!-- <div class="position">
            <div class="position-content">
                <div class="left">
                    <a class="bread" href="/home">
                        <span>首 页</span>
                    </a>
                    <span>布宫简介</span>
                </div>
                <div class="right">

                </div>
            </div>
        </div> -->
        <Position>
            <template #default>
                布宫简介
            </template>
        </Position>
        <div class="container">
            <div class="bt">
                <a href="#">布宫简介</a>
                <span></span>
            </div>

            <h3><span style="color: #941200;font-size: 16px;font-weight: bold;">布达拉宫简介</span></h3>

            <p style=""><span style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;
                    &nbsp;布达拉宫位于中国西藏自治区首府拉萨市的红山上，是一座举世闻名的古代宫堡式建筑群，是中国古代建筑的杰出代表之一。</span></p>

            <p style=""><span style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;
                    &nbsp;布达拉宫始建于公元七世纪，由吐蕃第三十三代藏王松赞干布主持兴建。据文献记载，当时修建的宫堡规模宏大，外有三道城墙，内有千座宫室，到了公元九世纪后，由于战乱、火灾、雷电等原因，布达拉宫遭受了严重破坏，被弃于一隅。公元十七世纪，五世达赖喇嘛在清中央政府的扶持下，重建布达拉宫并作为西藏地方政教中心。此后布达拉宫又历经逐步扩建，直至</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">20</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">世纪</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">30</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">年代形成了占地面积约为</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">40</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">万</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">平方米</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">，建筑面积约</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">13</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">万平方米，主楼高</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">11</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">5.703米的集宫殿、灵塔殿、佛殿、行政办公机构、僧官学校、僧舍等诸多功能共计</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">126</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">7间房舍的大型宫堡式建筑群。</span>
            </p>

            <p style="text-align: center"><img alt="" width="650" height="492" src="@/assets/1.png" style=""></p>

            <p style=""><span style="font-family: 仿宋; font-size: 18px;">&nbsp;
                    &nbsp;布达拉宫建造历史跨越13个世纪，从各个时期的建筑及宫藏文物上集中体现了我国各民族之间政治、经济、文化等方面的交往交流交融，特别是在十七世纪扩建布达拉宫时，藏汉等多民族工匠参与其中，吸收了多民族的优秀传统文化技艺。大量宫藏文物，尤其是明清时期以来历朝皇帝赐予的经卷、唐卡、造像、丝织品，册封诏书和告示，任命西藏地方各级官吏的印玺，以及御赐的匾额、牌位等有力证明了西藏自古以来就是祖国不可分割的一部分。</span>
            </p>

            <p style="text-align: center"><img alt="" width="600" height="407" src="@/assets/4.jpg"></p>

            <p style=""><span style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;
                    &nbsp;布达拉宫建筑具有极高的历史、科学、艺术价值，自西藏和平解放以来，党中央、国务院高度重视对布达拉宫的保护，每年都拨专款修缮，先后两次对布达拉宫进行了大规模修缮，使这座巍峨宫殿得以永存，体现了党和国家的民族、宗教、文物保护等政策在西藏的充分贯彻落实。1</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">961</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">年，布达拉宫被国务院公布为第一批全国重点文物保护单位，</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">1994</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">年被联合国教科文组织公布为世界遗产名录，</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">2013</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">年被评为西藏第一批国家</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">5A</span><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">级旅游景区。</span><br></p>

            <div class="line"></div>
        </div>
        <FooterBorder></FooterBorder>
    </div>
</template>

<style scoped>
p {
    line-height: 22px;
    color: #555555;
    font-size: 18px;
}

.line {
    height: 35px;
    border-top: 1px solid #888576;
    margin-top: 35px;
}

.top-image {
    height: 257px;
    background-image: url('@/assets/potala.jpg');
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-position: center center;
}

.container {
    width: 960px;
    margin: 0 auto;
    padding: 60px 0;
}

.bt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    border: 2px solid #941200;
    margin-bottom: 30px;
}

.bt>span {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-image: url('@/assets/more4.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

.bt>a {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #941200;
    font-size: 16px;
    width: 96px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
</style>